<!DOCTYPE html>
<html>
<head>
    <title>Shortcut tool</title>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/shortcut.js"></script>
    <script type="text/javascript" src="../js/popup.js"></script>

    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/bootstrap-theme.min.css"/>
    <link rel="stylesheet" href="../css/main.css"/>
</head>
<!-- Remove inline stlyes -->
<body class="container">
<div class="row main-first-row">
    <div class="col-xs-6">
        <button class="btn btn-default" id="showList"><span class="glyphicon glyphicon-align-justify"></span> Link list
        </button>
    </div>
    <div class="col-xs-6 text-right">
        <a href="options.html">
            <button class="btn btn-default">Options <span class="glyphicon glyphicon-cog"></span></button>
        </a>
    </div>
</div>
<hr/>
<div class="panel panel-info panel-collapse" id="accordion">
    <div class="panel-heading">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseContent">
            Quick add new shortcut
        </a>
    </div>
    <div class="panel-body panel-collapse collapse" id="collapseContent">
        <div class="row form-group">
            <label for="shortcut" class="col-xs-3 control-label"> Shortcut: </label>
            <div class="col-xs-9">
                <input type="text" id="shortcut" class="form-control"/>
            </div>

        </div>
        <div class="row form-group">
            <label for="url" class="control-label col-xs-3">URL:</label>
            <div class="col-xs-9">
                <input type="text" id="url" class="form-control" />
            </div>
        </div>
        <div class=col-xs-12">
            <button id="addShortcut" class="btn btn-success form-control">
                <span class="glyphicon glyphicon-plus"></span>
                Add shortcut
            </button>
        </div>
    </div>
</div>
<hr/>
<div id="allStoredShortcuts" class="row"></div>
<br/>

</body>
</html>